<script setup>

</script>

<template>
<el-table  :data="bannerArr">
  <el-table-column label="编号" type="index"></el-table-column>
  <el-table-column label="轮播图">
    <template slot-scope="scope">
      <img :src="scope.row.imgUrl" width="200"/>
    </template>
  </el-table-column>
  <el-table-column label="创建时间" prop="createTime"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button type="danger">删除</el-button>
    </template>
  </el-table-column>
</el-table>
</template>

<style scoped>

</style>

<script>
export  default {
  data(){
    return {
      bannerArr: [
          {
            id: 1,
            name: '1',
            imgUrl: "/imgs/banner1.jpg",
            createTime: '2024-03-05 15:03:08'
          },
          {
            id: 2,
            name: '2',
            imgUrl: "/imgs/banner2.jpg",
            createTime: '2024-03-09 15:03:08'
          },
          {
            id: 3,
            name: '3',
            imgUrl: "/imgs/banner3.jpg",
            createTime: '2022-03-09 15:03:08'
          }
      ]
    }
  }
}
</script>